<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>商品页面</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link href="../fonts/iconfont.css" rel="stylesheet" type="text/css" />
    
	<link href="../fonts/demo.css" rel="stylesheet" type="text/css" />

	<link href="../css/hmstyle.css" rel="stylesheet" type="text/css"/>

	<script src="../fonts/iconfont.js"></script>
	<link rel="stylesheet" text="text/css" href="../css/header.css" >
	<link rel="stylesheet" text="text/css" href="../css/footer.css" >
	<link rel="stylesheet" text="text/css" href="../css/introduction.css" >
</head>
<body>
    <!-- 头 -->
    <!-- hmtop  开始 -->
    <div class="hmtop">
    	<!-- 顶部导航条  开始-->
    	<div class="am-container header">
            <!-- 信息栏左侧  开始-->
    		<ul class="message-l">
    			<div class="topMessage">
    				<div class="menu-hd">
    					<a href="#" target="_top" class="h">亲，请登录</a>
    					<a href="#" target="_top">免费注册</a>
    				</div>
    			</div>
            <!-- 信息栏左侧  结束-->
    		</ul>

            <!-- 信息栏右侧  开始-->
    		<ul class="message-r">
                <!-- home 开始 -->
    			<div class="toMessage home">
    				<div class="menu-hd"><a href="index.html"target="_top" class="h">商城首页　</a></div>
                <!-- home 结束 -->
    			</div>

                <!-- person 开始 -->
    			<div class="toMessage person">
    				<div class="menu-hd person">
    				    <a href="index.html"target="_top">
    				         　<i class="iconfont icon-zhanghao"></i>个人中心
    				    </a>
    				</div>
    				<div class="menu-hd person">
    				    <a href="index.html"target="_top">
    				         　<i class="iconfont icon-icon"></i>购物车0
    				    </a>
    				</div>
    				<div class="menu-hd shoucang">
    				    <a href="index.html"target="_top">
    				         　<i class="iconfont icon-ttpodicon"></i>收藏夹
    				    </a>
    				</div>
                <!-- person 结束 -->
    			</div>
            <!-- 信息栏右侧  结束-->
    		</ul>

        <!-- 顶部导航条 结束 -->
    	</div>

        <!-- 悬浮收索栏  开始-->
    	<div class="logo-boxtitle">
    	    <div class="logo">
                <img alt="logo" src="../images/logobig.png">
            </div>

    	    <a name="index_none_header_sysc" href="#"></a>
    	    <div class="search-bar pr">
    	    	<form action="">
    	    		<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
					<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
    	    	</form>
    	    </div>

        <!-- 悬浮收索栏 结束-->
        </div>

        <div class="clear"></div>

    <!-- hmtop  结束 -->
    </div>



    <!-- shopNav 开始 -->
    <div class="shopNav">
        <!-- slideall 开始 -->
    	<div class="slideall">
    		<div class="long-title  box1"><span class="all-goods">全部分类</span></div>
    		<div class="cont-nav box1">
    			<ul>   			
    				<li class="index"><a href="#">首页</a></li>　
                    <li class="qc"><a href="#">闪购</a></li>　
                    <li class="qc"><a href="#">限时抢</a></li>　
                    <li class="qc"><a href="#">团购</a></li>　
                    <li class="qc last"><a href="#">大包装</a></li>
    			</ul>
    		</div>
            <div class="nav-extra box1">
                 <i class="iconfont icon-31wode"></i><b></b> 　我的福利
                 <i class="am-icon-angle-right">></i>
            </div>

            
        <!-- slideall 结束 -->
    	</div>


         <!-- 右边小导航 -->
        
        <div id="sidebar">
            <div class="i-first"><i class="iconfont icon-zhanghao"></i></div>
            <div class="sidebar-car">
                <i class="iconfont icon-gouwuche"></i>
                <p class="car">购物车</p>
                <p class="radius">0</p>
            </div>
            <div class="tip-mid">
                <i class="iconfont icon-qianbao"></i>
            </div>
            <div class="tip-mid1">
                <i class="iconfont icon-jiaoya"></i>
            </div>
            <div class="tip-mid2">
                <i class="iconfont icon-xingxing"></i>
            </div>
            <div class="tip-mid3">
                <i class="iconfont icon-chongzhi1"></i>
            </div>
            <div class="tip-ft">
                <i class="iconfont icon-bangzhuzhongxinkefu"></i>
            </div>
            <div class="tip-ft1">
                <i class="iconfont icon-erweima1"></i>
            </div>
            <div class="tip-ft2">
                <i class="iconfont icon-top1"></i>
            </div>

        </div>


    <!-- shopNav 结束 -->
    </div>

    <div class="am-breadcrumb am-breadcrumb-slash">
        <ol class="am-breadcrumb-ol">
			<li><a href="#">首页／</a></li>
			<li><a href="#">分类／</a></li>
			<li class="am-active">内容</li>
		</ol>
	</div>


    <!-- 体 -->
    <div class="connet">
     
    	<div class="item-infrom">
    	    <!-- 上左 -->
    	    <div class="clearfixLeft">
    	    	<img src="../images/01.jpg" alt="">
    	    </div>

    	    <!-- 上右 -->
    	    <div class="clearfixRight">
    	        <!-- 规格属性 -->
    	        <!-- 名称 -->
    	        <div class="tb-detail-hd">
    	        	<h1>良品铺子 手剥松子218g 坚果炒货 巴西松子</h1>
    	        </div>

    	        
    	        <div class="tb-detail-list">
    	        	<!-- 价格 -->
    	        	<div class="tb-datail-price">
    	        	    <!-- <li class="price iteminfo_price">
    	        			<dt>店铺优惠</dt>
    	        			<dd><p class="sys_item_price">购物满2件打8折 满3件7折<span>点击领券<i class="iconfont icon-"></i></span></p></dd>
    	        		</li> -->
    	        		<li class="price iteminfo_price">
    	        			<dt>促销价</dt>
    	        			<dd  class="diff-color"><em>￥</em><b class="sys_item_price">56.90</b></dd>
    	        		</li>
    	        		<li class="price iteminfo_price">
    	        			<dt>原价</dt>
    	        			<dd class="_black"><em>￥</em><b class="sys_item_price">98.00</b></dd>
    	        		</li>

    	        		<div class="clear"></div>
    	        	<!-- tb-datail-price 结束 -->
    	        	</div>

    	        	<!-- 地址 -->
    	        	<dl class="iteminfo_parameter freight">
    	        		<dt>配送至</dt>
    	        		<div class="iteminfo_freprice">
    	        			<div class="am-form-content address">
    	        			   <!-- 省 -->
    	        				<select data-am-selected class="_button">
    	        					<option value="a">浙江省</option>
    	        					<option value="b">湖北省</option>
    	        				</select>
    	        				<!-- 市 -->
    	        				<select data-am-selected class="_button">
    	        					<option value="a">温州市</option>
    	        					<option value="b">武汉市</option>
    	        				</select>
    	        				<!-- 区 -->
    	        				<select data-am-selected class="_button">
    	        					<option value="a">瑞安区</option>
    	        					<option value="b">洪山区</option>
    	        				</select>
    	        			</div>

    	        			<!-- 快递 -->
    	        			<div class="pay-logis">
    	        				快递<b class="sys-item-price">10</b>元
    	        			</div>
    	        		</div>
    	        	</dl>
    	        	<div class="clear"></div>

    	        	<!-- 销量 -->
    	        	<ul class="tm-ind-panel">
    	        	    <!-- 月销量 -->
    	        		<li class="tm-ind-item tm-ind-sellCount canClick">
    	        			<div class="tm-indcon">
    	        				<span class="tm-label">月销量</span>
    	        				<span class="tm-count">1015</span>
    	        			</div>
    	        		</li>
    	        		<!-- 累计销量 -->
    	        		<li class="tm-ind-item tm-ind-sellCount canClick">
    	        			<div class="tm-indcon">
    	        				<span class="tm-label">累计销量</span>
    	        				<span class="tm-count">6015</span>
    	        			</div>
    	        		</li>
    	        		<!-- 评价 -->
    	        		<li class="tm-ind-item tm-ind-reviewCount canClick tm-line3k">
    	        			<div class="tm-indcon">
    	        				<span class="tm-label">累计评价</span>
    	        				<span class="tm-count">640</span>
    	        			</div>
    	        		</li>

    	        	</ul>
    	        	<div class="clear"></div>


    	        	<!-- 各种规格 -->
    	        	<dl class="iteminfo_parameter sys_item_specpara">
    	        		<!-- <dt class="theme-login">
    	        			<div class="cart-title">可选规格<span class="am-icon-angle-right"></span></div>
    	        		</dt> -->

    	        		<dd>
    	        		    <!-- 操作页面 -->
    	        		    <div class="theme-popover-mask"></div>
    	        		    <div class="theme-popover">
    	        		    	<div class="theme-span"></div>
    	        		    	<!-- <div class="theme-poptit">
    	        		    		<a href="javascript:;" class="close" title="关闭">x</a>
    	        		    	</div> -->
    	        		    	<div class="theme-popbod dform">
    	        		    		<form  class="theme-signin" name="loginform" action="" method="post">
    	        		    		    <div class="theme-signin-left">
    	        		    		    	<div class="theme-options">
    	        		    		    		<div class="cart-title">口味</div>
    	        		    		    		<ul>
    	        		    		    			<li class="sku-line selected">原味<i class="iconfont icon-sanjiaoxing-dagou"></i></li>
    	        		    		    			<li class="sku-line">奶油<i></i></li>
    	        		    		    			<li class="sku-line">炭烧<i></i></li>
    	        		    		    			<li class="sku-line">咸香<i></i></li>
    	        		    		    		</ul>
    	        		    		    	</div>

    	        		    		    	<div class="theme-options">
    	        		    		    		<div class="cart-title">包装</div>
    	        		    		    		<ul>
    	        		    		    			<li class="sku-line selected">手袋单人份<i class="iconfont icon-sanjiaoxing-dagou"></i></li>
    	        		    		    			<li class="sku-line">礼盒双人份<i></i></li>
    	        		    		    			<li class="sku-line">全家福礼包<i></i></li>
    	        		    		    		</ul>
    	        		    		    	</div>

    	        		    		    	<div class="theme-options">
    	        		    		    		<div class="cart-title number">数量</div>
    	        		    		    		<dd class="_am-btn">
    	        		    		    			<input id="min" class="am-btn am-btn-default" name="" type="button" value="-" />
													<input id="text_box" name="" type="text" value="1" style="width:30px;" />
													<input id="add" class="am-btn am-btn-default" name="" type="button" value="+" />
													<span id="Stock" class="tb-hidden">库存<span class="stock">1000</span>件</span>
    	        		    		    		</dd>
    	        		    		    	</div>
    	        		    		    	<div class="clear"></div>

    	        		    		    	<!-- <div class="btn-op">
												<div class="btn am-btn am-btn-warning">确认</div>
												<div class="btn close am-btn am-btn-warning">取消</div>
											</div> -->

    	        		    		    <!-- theme-signin-left 结束 -->
    	        		    		    </div>

    	        		    		   <!--  <div class="theme-signin-right">
											<div class="img-info">
												<img src="../images/songzi.jpg" />
											</div>
											<div class="text-info">
												<span class="J_Price price-now">¥39.00</span>
												<span id="Stock" class="tb-hidden">库存<span class="stock">1000</span>件</span>
											</div>
										</div> -->
    	        		    			
    	        		    		</form>
    	        		    	</div>
    	        		    </div>
    	        			
    	        		</dd>
    	        	</dl>
    	        	<div class="clear"></div>


    	        	<!-- 活动 -->
    	        	<div class="shopPromotion gold">
    	        		<div class="hot">
    	        			<dt class="tb-metatil">店铺优惠</dt>
    	        			<div class="golds-list">
    	        				<p>购物满2件打8折，满3件7折<span>点击领券<i class="iconfont icon-"></i></span></p>
    	        			</div>
    	        		</div>

                        <div class="clear"></div>

                        <!-- 优惠券 -->
                        <!-- <div class="coupon">
                            <dt class="tb-metatit">优惠券</dt>
                            <div class="gold-list">
                                <ul>
                                    <li>125减5</li>
                                    <li>198减10</li>
                                    <li>298减20</li>
                                </ul>
                            </div>
                        </div> -->


                        <!-- 付款 -->
                        <div class="pay">
                            <!-- <div class="pay-opt">
                                <a href="home.html"><span class="am-icon-home am-icon-fw">首页</span></a>
                                <a><span class="am-icon-heart am-icon-fw">收藏</span></a>
                            </div> -->
                            <li class="_left">
                                <div class="clearfix tb-btn tb-btn-buy theme-login">
                                    <a  id="LikBuy" title="点此按钮到下一步确认购买信息" href="#">立即购买</a>
                                </div>
                            </li>
                            <li>
                                <div class="clearfix tb-btn tb-btn-buy theme-login">
                                    <a  id="LikBasket" title="加入购物车" href="#">加入购物车</a>
                                </div>
                            </li>
                        </div>
    	        	</div>

                    <div class="clear"></div>

    	        <!-- tb-detail-list 结束 -->
    	        </div>
    	    <!-- clearfixRight 结束 -->
    	    </div>


            <!-- 小图片 -->
            <div class="scoll">
                <section class="slider">
                    <div class="flexslider">
                        <ul class="slides">
                            <li class="slides-ul-li">
                                <img src="../images/01.jpg" title="pic" />
                            </li>
                            <li>
                                <img src="../images/02.jpg" />
                            </li>
                            <li>
                                <img src="../images/03.jpg" />
                            </li>
                        </ul>
                    </div>
                </section>
            </div>


            <!-- 优惠套装 -->
            <div class="match">
                <div class="match-title">优惠套装</div>
                <div class="match-comment">
                    <ul class="like_list">
                        <li>
                            <div class="s_picBox">
                                <a href="#"><img src="../images/cp.jpg" alt=""></a>
                            </div>
                            <a href="#" class="txt" target="_blank">萨拉米 1+1小鸡腿</a>
                            <div class="info_box">
                                <span class="info-box-price blod">¥ 29.90　</span>
                                <span class="info-box-price normal">¥ 199.90</span>
                            </div>
                        </li>
                        <li class="plus_icon"><i>+</i></li>
                        <li class="s_picBox-r">
                            <div class="s_picBox">
                                <a href="#"><img src="../images/cp2.jpg" alt=""></a>
                            </div>
                            <a href="#" class="txt" target="_blank">ZEK 原味海苔</a>
                            <div class="info_box">
                                <span class="info-box-price blod">¥ 8.90　</span>
                                <span class="info-box-price normal">¥ 299.90</span>
                            </div>
                        </li>
                        <li class="plus_icon"><i>=</i></li>
                        <li class="total_price">
                            <p class="combo_price blod"><span class="c-title">套餐价:</span><span>￥35.00</span> </p>
                            <p class="save_all">共省:<span>￥463.00</span></p> 
                            <a href="#" class="buy_now">立即购买</a> 
                        </li>
                        <li class="plus_icon"><i class="am-icon-angle-right"></i></li>
                    </ul>
                </div>
            </div>

            <div class="clear"></div>

            <!-- introduce -->
            <div class="introduce">
                <div class="browse">
                    <div class="mc">
                        <ul>
                            <div class="mt">
                                <h2>看了又看</h2>
                            </div>
                            <li class="_first">
                                <div class="p-line none"></div>
                                <div class="p-img">
                                    <a href="#"><img src="../images/browse1.jpg" alt=""></a>
                                </div>
                                <div class="p-name">
                                    <a href="">
                                        【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味
                                    </a>
                                </div>
                                <div class="p-price"><strong>￥35.90</strong></div>
                            </li>
                            <li class="_first">
                                <div class="p-line"></div>
                                <div class="p-img">
                                    <a href="#"><img src="../images/browse1.jpg" alt=""></a>
                                </div>
                                <div class="p-name">
                                    <a href="">
                                        【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味
                                    </a>
                                </div>
                                <div class="p-price"><strong>￥35.90</strong></div>
                            </li>
                            <li class="_first">
                                <div class="p-line"></div>
                                <div class="p-img">
                                    <a href="#"><img src="../images/browse1.jpg" alt=""></a>
                                </div>
                                <div class="p-name">
                                    <a href="">
                                        【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味
                                    </a>
                                </div>
                                <div class="p-price"><strong>￥35.90</strong></div>
                            </li>
                            <li class="_first">
                                <div class="p-line"></div>
                                <div class="p-img">
                                    <a href="#"><img src="../images/browse1.jpg" alt=""></a>
                                </div>
                                <div class="p-name">
                                    <a href="">
                                        【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味
                                    </a>
                                </div>
                                <div class="p-price"><strong>￥35.90</strong></div>
                            </li>
                            <li class="_first">
                                <div class="p-line"></div>
                                <div class="p-img">
                                    <a href="#"><img src="../images/browse1.jpg" alt=""></a>
                                </div>
                                <div class="p-name">
                                    <a href="#">
                                        【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味
                                    </a>
                                </div>
                                <div class="p-price"><strong>￥35.90</strong></div>
                            </li>
                        </ul>
                    </div>
                <!-- browse 结束 -->
                </div>

                <div class="browse-r">
                    <div class="mc-r">
                        <ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs">
                            <li class="am-nav-first">
                                <a href="#">
                                    <span  class="index-needs-dt-txt am-nav-txt-red">宝贝详情</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span  class="index-needs-dt-txt">全部评价</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span  class="index-needs-dt-txt">猜你喜欢</span>
                                </a>
                            </li>
                        </ul>

                        <!-- 产品参数 -->
                        <div class="am-tabs-bd">
                            <div class="am-tab-panel am-fade am-in am-active">
                                <div class="J-Brand">
                                    <div class="attr-list-hd tm-clear">
                                        <h4>产品参数：</h4>
                                        <div class="border-bt"></div>
                                        <div class="clear"></div>
                                    </div>
                                    <ul id="J_AttrUL">
                                        <div class="J_AttrUL-width">
                                            <li title="">产品类型:&nbsp;烘炒类</li>
                                            <li title="">配料表:&nbsp;进口松子、食用盐</li>
                                            <li title="">产品标准号:&nbsp;GB/T 22165</li>
                                            <li title="">食用方法：&nbsp;开袋去壳即食</li>
                                        </div>

                                        <div class="J_AttrUL-width">
                                            <li title="">原料产地:&nbsp;巴基斯坦</li>
                                            <li title="">产地:&nbsp;湖北省武汉市</li>
                                            <li title="">生产许可证编号：&nbsp;QS4201 1801 0226</li>
                                        </div> 

                                        <div class="J_AttrUL-width">   
                                            <li title="">产品规格:&nbsp;210g</li>
                                            <li title="">保质期:&nbsp;180天</li>
                                            <li title="">储存方法：&nbsp;请放置于常温、阴凉、通风、干燥处保存 </li>
                                        </div>  

                                        <div class="clear"></div> 
                                    </ul>
                                    <div class="clear"></div>

                                    <!-- 商品细节 -->
                                    <div class="attr-list-hd tm-clear">
                                        <h4>商品细节</h4>
                                        <div class="border-bt"></div>
                                        <div class="twlistNews">
                                            <img src="../images/tw1.jpg" />
                                            <img src="../images/tw2.jpg" />
                                            <img src="../images/tw3.jpg" />
                                            <img src="../images/tw4.jpg" />
                                            <img src="../images/tw5.jpg" />
                                            <img src="../images/tw6.jpg" />
                                            <img src="../images/tw7.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                
                <!-- browse-r 结束 -->
                </div>
                <div class="clear"></div>
            <!-- introduce 结束 -->
            </div>
    	  
	    <!-- item-infrom 结束 -->
    	</div>
    
    <!-- connet 结束 -->
    </div>




    <!-- 尾 -->
    <div class="footer">
        <div class="footer-hd">
            <p>
                <a href="#">老芝麻科技  　<b>|</b></a>
                <a href="#">　商城首页  　<b>|</b></a>
                <a href="#">　支付宝  　<b>|</b></a>
                <a href="#">　物流</a>
            </p>
        </div>
        
        <div class="footer-fd">
            <p>
                <a href="#">关于老芝麻</a>
                <a href="#">合作伙伴</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
                <em>© 2017-0426 laozhima.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
            </p>
        </div>
    </div>
	
</body>
</html>